.footer{position: relative;height: 80px;}
.footer-fixed{position: fixed;z-index: 999;left: 0;bottom: 0;width: 100%;background-color: #fff;}
.foot-bar{display: -webkit-box;padding: 3px 0;}
.foot-bar .active{color: #ffc10c;}
.foot-bar .active p{color: #ffc10c;}
.foot-bar a{display: block;-webkit-box-flex: 1;width: 25%;text-align: center;color: #888;}
.foot-bar a>div{height: 30px;line-height: 30px;}
.foot-bar a>div>i{font-size: 24px;}
.foot-bar a p{font-size: 12px;margin-top: 2px;}
.foot-bar .center{}
.foot-bar .center .plus{position: absolute;z-index: 2;width: 50px;height: 50px;background-color: #ffc10c;
    border: 2px solid #fff;left: 50%;margin-left: -25px;top: -15px;border-radius: 50%;line-height: 46px;
    text-align: center;-webkit-transition: all .5s ease;transition: all .5s ease;}
.foot-bar .center .plus i{color: #fff;font-size: 36px;}

.two-btn{display: none;position: absolute;z-index: 1;left: 0;bottom: 52px;width: 100%;overflow: hidden;}
.two-btn a{float: left;display: block;width: 50%;border-radius: 4px;color: #fff;text-align: center;line-height: 60px;}
.two-btn a:nth-child(1){background-color: #ffc10c;}
.two-btn a:nth-child(2){background-color: #f69802;}